<?php use_helper('jQuery', 'I18N', 'Date') ?>

<div id="mostrar" title="<?php echo __("Datos de la Notificacion")?>" class="notificacion">
	<span id='mostrarOcultarContacto' class='mostrarMasDatos'/>    
	<div id="datosCliente">
	    <?php include_partial('contacto/muestraContacto',array ('cliente' => $cliente)) ?>
	</div>
	<span id='mostrarOcultarNotificacion' class='ocultarMasDatos'/>
	<div id="datosNotificacion">
	   <?php include_partial('notificacion/muestraNotificacion',array('notificacion'=> $notificacion, 'texto' => $texto))?>
	</div>
</div>

<script language="JavaScript" type="text/javascript">
  	$(function() {
            var mostrarContacto = false;
  	    var mostrarNotificacion = true;
  	    $("#masmenosContacto").hide();
  	    $("#mostrarOcultarContacto").click(function () {
  			$("#masmenosContacto").toggle("slow");
  			if (mostrarContacto){
  	  			mostrarContacto = false;
  	  			$("#mostrarOcultarContacto").addClass('mostrarMasDatos');
  	  		    $("#mostrarOcultarContacto").removeClass('ocultarMasDatos');
  			}else{
  	  			mostrarContacto = true;
  	  			$("#mostrarOcultarContacto").removeClass('mostrarMasDatos');
  	  			$("#mostrarOcultarContacto").addClass('ocultarMasDatos');
  	  		}
  		});    
  		$("#mostrarOcultarNotificacion").click(function () {
  			$("#masmenosNotificacion").toggle("slow");
  			if (mostrarNotificacion){
  	  			mostrarNotificacion = false;
  	  			$("#mostrarOcultarNotificacion").addClass('mostrarMasDatos');
  	  		        $("#mostrarOcultarNotificacion").removeClass('ocultarMasDatos');
  			}else{
  	  			mostrarNotificacion = true;
  	  			$("#mostrarOcultarNotificacion").removeClass('mostrarMasDatos');
  	  			$("#mostrarOcultarNotificacion").addClass('ocultarMasDatos');
  	  		}
  		});    
  		
  		var aceptar = function () {
			$("#mostrar").dialog("destroy");
			$("#mostrar").remove();
  		};
               
  		var dialogOpts = {
  			autoOpen: true,
  			width:850,
  			minHeight:600,
  			closeOnEscape: true,
  			modal: true,
  			buttons: {
  				"<?php echo __("Aceptar")?>": aceptar
                        },
                        resizable: false,
                        close: function() { location.href = "<?php echo url_for('@notificacion'); ?>"},
  			open: function() {
                                $(this).parent().find('button:nth-child(1)').focus();
                        },
                        //position: {my: "center top+20", at: "center top+20", of: window},
  			close: function(event, ui) {
  				$("#mostrar").dialog("destroy");
  				$("#mostrar").remove();
  			}
  		};
  		$("#mostrar").dialog(dialogOpts);
   });
  </script>